<div ng-init="init();" class="kmi-layout-content B1201-content">
    <div class="kmi-header-row">
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
            <div class="kmi-can-click"></div>
        </div>
        <div class="brand-title">
            <div class="custom" ng-if="companyName">
                <div class="title" ng-bind="companyName"></div>
                <img src="" alt="" class="brand">
                <div class="gap"></div>
            </div>
            <div class="digiwin">
                <img src="image/smes_v340/logo_ch.png" alt="">
                <img src="image/smes_v340/logo_en.png" alt="">
            </div>
        </div>
        <div class="header-title" ng-bind="'B1201.title' | translate"></div>
        <div class="header-logo"></div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'B1201.item_display' | translate"></label>
                <input ng-model="printData.item_no" style="padding-right:33px;"></input>
                <div class="tip search" ng-click="loadItemNo();"><img src="image/icons/search.png"></img> </div>
                <label class="label" ng-bind="'B1201.wo_no' | translate" style="flex:0 0 100px;"></label>
                <input ng-model="printData.wo_no"></input>
                <div class="tip search" ng-click="loadWoNo();"><img src="image/icons/search.png"></img> </div>
                <div class="kmi-button kmi-button-confrim btn-confirm" ng-click="search();" style="width:100px">
                    <label ng-bind="'B1201.search' | translate"></label>
                    <div class="kmi-can-click"></div>
                </div>
            </div>
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'B1201.plot_no' | translate"></label>
                <input ng-model="printData.plot_no"></input>
                <label class="label" ng-bind="'B1201.print_num' | translate" style="flex:0 0 100px;"></label>
                <div class="groupradio">
                    <button class="mdl-button mdl-js-button kmi-checkbox" ng-click="changeType('1')">
                        <img ng-show="printData.CopyMode != '1'" src="image/icons/check0.png"></img>
                        <img ng-show="printData.CopyMode == '1'" src="image/icons/check1.png"></img>
                        {{'B1201.custom' | translate}}
                    </button>
                    <button class="mdl-button mdl-js-button kmi-checkbox" ng-click="changeType('2')">
                        <img ng-show="printData.CopyMode != '2'" src="image/icons/check0.png"></img>
                        <img ng-show="printData.CopyMode == '2'" src="image/icons/check1.png"></img>
                        {{'B1201.default' | translate}}
                    </button>
                    <button class="mdl-button mdl-js-button kmi-checkbox" ng-click="changeType('3')">
                        <img ng-show="printData.CopyMode != '3'" src="image/icons/check0.png"></img>
                        <img ng-show="printData.CopyMode == '3'" src="image/icons/check1.png"></img>
                        {{'B1201.min_pack_num' | translate}}
                    </button>
                </div>
                <div ng-class="{true: 'Mobile', false: 'Electron'}[isMobile]" ></div>
            </div>
            <div class="kmi-list column-selector" style="margin-bottom: 16px;">
                <div class="kmi-list__header">
                    <div class="kmi-list__column" style="flex:0 0 36px;"></div>
                    <div class="kmi-list__column head-controls" style="flex:1;">
                        <div class="filter" ng-show="filterSH.item_no">
                            <input ng-model="list_filter.item_no">
                            <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                ng-click="filterSH.item_no = false;list_filter.item_no = '';">clear</i>
                        </div>
                        <div class="order" ng-hide="filterSH.item_no">
                            <i class="material-icons search" style="z-index:1;" ng-click="filterSH.item_no = true">search</i>
                            <label ng-bind="'B1201.list.column01'| translate"></label>
                        </div>
                    </div>
                    <div class="kmi-list__column head-controls" style="flex:1;">
                        <div class="filter" ng-show="filterSH.item_name">
                            <input ng-model="list_filter.item_name">
                            <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                ng-click="filterSH.item_name = false;list_filter.item_name = '';">clear</i>
                        </div>
                        <div class="order" ng-hide="filterSH.item_name">
                            <i class="material-icons search" style="z-index:1;" ng-click="filterSH.item_name = true">search</i>
                            <label ng-bind="'B1201.list.column02'| translate"></label>
                        </div>
                    </div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B1201.list.column03' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B1201.list.column04' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B1201.list.column05' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B1201.list.column06' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B1201.list.column07' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B1201.list.column08' | translate"></div>
                </div>
                <div class="kmi-list__row-content">
                    <div class="kmi-list__row" ng-repeat="item in printDataList | filter: list_filter track by $index">
                        <div class="kmi-list__column" style="flex:0 0 36px;">
                            <button class="mdl-button mdl-js-button mdl-button--icon mdl-button--icon_prime" ng-click="itemCheck($index, item);">
                                <img src="image/icons/add.png"></img>
                            </button>
                        </div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.item_no"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.item_name"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.item_spec"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.item_unit_no"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.wo_no"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.plot_no"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.qty"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="'B1201.type_' + item.type | translate"></div>
                    </div>
                </div>
            </div>
            <div class="kmi-list column-selector">
                <div class="kmi-list__header">
                    <div class="kmi-list__column" style="flex:0 0 36px;"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B1201.list.column01' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B1201.list.column02' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B1201.list.column03' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B1201.list.column04' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B1201.list.column05' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B1201.list.column06' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B1201.list.column09' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B1201.list.column10' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B1201.list.column11' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B1201.list.column12' | translate"></div>
                </div>
                <div class="kmi-list__row-content">
                    <div class="kmi-list__row" ng-repeat="item in selectedList track by $index">
                        <div class="kmi-list__column" style="flex:0 0 36px;">
                            <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="returnTarget($index, item)">
                                <img  src="image/icons/delete1.png"></img>
                            </button>
                        </div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.item_no"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.item_name"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.item_spec"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.item_unit_no"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.wo_no"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.plot_no"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.storage_plot"></div>
                        <div class="kmi-list__column column-border column-input" style="flex:1;">
                            <input ng-model="item.barcode_qty" ng-click="changeBarcodeQty($event, item)" readonly>
                        </div>
                        <div class="kmi-list__column column-border column-input" style="flex:1;">
                            <input ng-disabled="printData.CopyMode != '3'" ng-model="item.mpqty" ng-click="input_perQty($event, item)">
                        </div>
                        <div class="kmi-list__column column-border column-input" style="flex:1; height: 23px;">
                            <input ng-disabled="printData.CopyMode != '3'" ng-model="item.MPCountDes" style="text-align:left;" readonly="readonly"
                                   ng-click="loadMPCountList(item)">
                            <div class="tip" ng-disabled="printData.CopyMode != '3'"><i class="material-icons">&#xE5CF;</i></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="kmi-layout-footer" style="flex-direction: row; align-items: center;">
            <div class="kmi-text-fields">
                <input ng-disabled="printData.CopyMode != '1'" style="width: 40px;margin-top:12px; margin-right: 12px;height: 46px;border: 1px solid #9a9a9a;text-align: center;" ng-model="printData.Copies" ng-click="input_print_qty($event, printData.Copies);">
            </div>
            <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1"
                    ng-click="print();" ng-disabled="!selectedList.length">
                    <img src="image/icons/print.png"></img>
            </button>
        </div>
        <iframe id="kmi-pdf-panel" name="kmi-pdf-panel" style="display: none;"></iframe>
    </div>
</div>
